<!-- 查询模块 -->
<div class="module-header" @click="hiddenSearch=!hiddenSearch">
    <!--                            <i :class="'fa-solid fa-angle-double-' + ( hiddenSearch ? 'down' : 'up') "></i>-->
    <i class="el-icon-search"></i>
    <el-link  type="primary" style="color:white;">条件搜索</el-link>
</div>
<el-card v-show="!hiddenSearch">
    <!-- 搜索区域 -->
    <div class="search-area">
        <el-row :gutter="24">
            <el-col :span="4">
                <el-input-number v-model="searchForm.port" placeholder="端口"></el-input-number>
            </el-col>
            <el-col :span="4">
                <el-select @change="val => selectChangedTo(val, 0)"
                           label="部署平台"  v-model="searchForm.osDictId" placeholder="部署平台">
                    <el-option
                            v-for="item in dicts[0].list"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id">
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="4">
                <el-select  @change="val => selectChangedTo(val, 1)"
                            label="部署方式"  v-model="searchForm.deployTypeDictId" placeholder="部署方式">
                    <el-option
                            v-for="item in dicts[1].list"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id">
                    </el-option>
                </el-select>
            </el-col>

            <el-col :span="4">
                <el-select  @change="val => selectChangedTo(val, 2)"
                            label="技术分类"  v-model="searchForm.techTypeDictId" placeholder="技术分类">
                    <el-option
                            v-for="item in dicts[2].list"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id">
                    </el-option>
                </el-select>
            </el-col>
        </el-row>


        <el-input v-model="searchForm.title" placeholder="标题" clearable ></el-input>
    </div>
    <!-- 搜索按钮组 -->
    <div class="search-buttons">
        <el-button @click="searchByFilter" type="primary" icon="el-icon-search">搜索</el-button>
        <el-button type="success" icon="el-icon-refresh">重置</el-button>
    </div>
</el-card>